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イチ か がら お ご さらい)、Azure 開発 の は じ め 方 





オー ケー、 そ れ じ ゃ Azure の 管理 ボー タル に アク セス し て …… え つっ 、Azure の アカ ウン ト が ナイ 、 で すっ つっ テ !? 
まさ か クレ ジッ トカ ー ド も 持つ て ナイ …… わ け な い わ よ ネ 。 じ ゃ あ 1st mission、 こ の URL の 手順 通り に Azure の 申し 
込み か ら 始 め ま シ ヨ 。 最 初 の 90 日 間 は と りあ え そえ ず 動 か す だ け な ら タ ダ で 使え る か ら 安 心して ネ 。 業 務 だ か ら 法 人 の カー ド 
を 使い た い ノ ? フフ ッ 、 あ と か ら ク レジ ッ ト カ ー ド の 切り 替え も で きる し 、 請 求 書 も 発行 され る か ら 、 あ わ て な く て も 大 丈 
夫 ヨ ヨ 。 会 社 で 契約 する な ら Live ID も Azure 用 に 新規 で 作っ て お いた 方 が いい か も ネ 。 共 同 管理 者 も 設定 で きる わ ヨ 。 


Windows Azure サブ スク リプ ショ ン 申 し 込み ー サ ービス 利用 Step by Step 

http://aka.ms/free-azure 

し ば らく し た ら 、Azure の 管理 ポー タル に アク セス で きる よう に な る ワ 。[3 か 月 無料 評価 版 ] て いう サブ スク リプ ショ ン が 
で き て る は ず だ か ら 、 こ こ に [ホス テッ ドサ ービス ] を 作っ て み ま シ ョ 。 ホ ステ ッ ド サー ビス っ て いつ の は 、「 仮 想 マ シン 」 の 
コト 。 日 本 か ら 使 うと き は 一 番 近 い [ 東 アジ ア ( 香 港 )] が お 勧め ヨ 。 

ホス テッ ド サー ビス の 作成 方 法 

http://aka.ms/azurehs 

アズ は Mac 使い で 、Web デザ イン が で きる ん だ っ ケ 。JavaScript は 知っ て る ? オー ケー、JavaScript が わか る 


な ら 、Cloud9 IDE を 使う の が お 手軽 か も ネ 。Cloud9 IDE は ブラ ウザ ベー ス の 開発 環境 で 、Azure に も デプロイ 
で きる の 。 以 下 の URL の 手順 通り に “Hello Azure" を 表示 する アプ リ を Azure に デプロイ し て みて 。 


Cloud9 を 利用 し て Windows Azure に アプ リ を デプロイ する 方 法 
http://aka.ms/cloud9azure 





ACCOUNT SETTINGS 


activate 


activate 


で も 、Cloud9 IDE は フリ ー だ と パブ リッ ク な プロ ジェ クト し か 作れ な い の よ ネ ……。 
Visual Studio じゃ な いと 設定 が 面倒 お な と ころ も ある し 、Boot Camp で 環境 作っ ちゃ い 
ま シ ョ ! Web Platform Installer を 使え ば Windows Azure SDK は も ちろ ん 
Visual Web Developer も 無償 で 、 し か も クリ ッ ク だ け で イン スト ー ル 完了 、 便 利 よ ネ 。 


Microsoft Web Platform Installer で Windows Azure 開発 環境 を 簡単 構成 
http://aka.ms/azureWebDpi 


ど つ うつ せ イ チ か ら や る な ら 、ASP.NET で プロ ジェ クト つく っ て みる ? デザ イン が 得意 な ら 、MVC 
フレ ー ム ワー ク を 使っ て 開発 する と コー ド と デザ イン が 分 離 で きる か ら と っ つき や すい カモ ? 
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Are You Ready? U 








アズ が デザ イン で きる な ら 、 ワ タ シ は ココ ロ お き な く Azure の 構築 と コー ディ ング に 集中 で きる わ ネ ! 
今回 作る の は スマ ホホ 用 の サイ ト だ か ら 、jQuery Mobile を 使い ま シ ョ 。iPhone 用 の サイ ト も Visual Studio で 作れ る 
の ヨ 。 そ れ じ ゃ 早速 、 ASP.NET MVC4 プロ ジェ クト か ら ス ター ト ! 





ASP.NET MVC 4 を 使っ た モバ イル Web アプ リケーション 実装 or ・ ョ 
http://aka.ms/azuremvc4 | ン 


この スマ ホホ 用 サイ ト は キャ ン ペ ー ン 応募 デー タ も 集め る の よ ネ 。 
負荷 が 増え た 場合 、Web サー バー は 増やせ ば OK だ けど 、 デ ー 
タベース は ボトル ネッ ク に な る か ら 、 あ と で スケ ー ル アウ ト で きる 
よう に SQL Azure を 使っ て お きま ショ 。 も し も 自分 で mySQL 























構築 し て 管理 する と な る と デザ イナ ー の アズ に は 大 変 か も し れ シシ o 2 
な いけ ど 、SQL Azure な ら 管理 も 簡単 ヨッ テー ブル 構成 と デー 
タ は ワタ シ が 手伝っ て アゲ ル 。 こ れ を 使っ て みて ネ 。 人 興 
サン フル ラフ アイ ル タ ダウ ウロ ー ド 
還 | http://aka.ms/qScuDbo 


さ 、 デ ー タ ベー ス が 用 意 で きた ら 、ASP.NET MVC 4 の 新 機能 Display Modes を 使っ て 
iPhone 用 の ピュー を 用 意 し な いと ネ 。Index.iPhone.cshtml は ワタ シ が 用 意 し た か ら 、 
アズ は Global.asax.CS ファ イル を 開い て 、Application_Start() を こん な 感じ に 編集 し て 
ミ テ 。 ね 、 簡 単 で し よ ? 


protected void Application_Start( ) 
1 


DisplayModeProvider.Tnstance .Modes.Tnsert 
(9, new Defau1tDisp1ayMode( "1Phone") 
1 


ContextCondition = (context => context.GetOverriddenUserAgent( ). 
TndexOf("1Phone", StringComparison.0rd1ina1TgnoreCase) >= 9) 


): 


F5 キー を 押し て PC の ブラ ウザ で 内 容 を 正しく 表示 で きる こと を 確認 し た ら 、URL を コ 
ビ ピー し て iPhone の エミ ュ レ ー タ ー で 読み 込ん 々 で みて ネ ! 月 れず 表示 され る は す ヨ 。 こ こ 
で で きれ ば 、 あ と は アズ の 得意 領域 よ ネ ? 素敵 な デザ イン を よろ し く 頼 む わ ヨ 。 jQuery 
Mobile の カス タマ イズ 方 法 は Web や 本 を 参考 に し て ネ 。 


西畑 一 馬 の jQuery Mobile デ ザイ ン 入 門 
http://aka.ms/fnh0hqg 


最後 に 、 こ の アプ リ を さっ き 作 っ た Azure に デプロイ すれ ば 完成 ! アク セス 数 が 読め な いつ 
ち は イ ンス タン ス を ちょ っ と 多め に し て お いて 、 様 子 み て 減ら し て いく の が いい わ ヨ 。IIS 意外 
と 速い か ら Apache 使い の みん な は 驚く か も ネ 。 


Visual Studio か ら Azure へ の デプロイ 手順 
http://aka.ms/nexjcW 


さあ 、 行 きま ショ 。 部 長 に ヒト アワ 吹か せる わ ヨ ! 
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